/* reset */
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
	margin: 0;
	padding: 0;
}
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
	font-weight: normal;
}
html, body, fieldset, img, iframe, abbr {
	border: 0;
}
i, cite, em, var, address, dfn {
	font-style: normal;
}
[hidefocus], summary {
outline:0;
}
li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6, small {
	font-size: 100%;
}
sup, sub {
	font-size: 83%;
}
pre, code, kbd, samp {
	font-family: inherit;
}
q:before, q:after {
	content: none;
}
textarea {
	overflow: auto;
	resize: none;
}
label, summary {
	cursor: default;
}
a, button {
	cursor: pointer;
}
h1, h2, h3, h4, h5, h6, em, strong, b {
	font-weight: bold;
}
del, ins, u, s, a, a:hover {
	text-decoration: none;
}
body, textarea, input, button, select, keygen, legend {
	font: 12px/1.14 "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
	color: #333;
	outline: 0;
}
body {
	background: #fff;
}
a, a:hover {
	color: #333;
}
/* sprite */
.u-btn, .u-ipt, .u-btn1, .u-btn2, .u-tips, .m-layer .lyclose {
	background: url(../images/btns.png?v=2014) no-repeat -9999px -9999px;
	_background: url(../images/btns-ie.png?v=2014) no-repeat -9999px -9999px;
}
.m-imgshow .platform .ico {
	background: url(../images/platform.png?v=2014) no-repeat -9999px -9999px;
	_background: url(../images/platform-ie.png?v=2014) no-repeat -9999px -9999px;
}
.bico1 {
	background-position: -1px -145px;
}
.bico1:hover {
	background-position: -188px -145px;
}
.bico2 {
	background-position: -1px -201px;
}
.bico2:hover {
	background-position: -188px -201px;
}
.bico3 {
	background-position: -1px -257px;
}
.bico3:hover {
	background-position: -188px -257px;
}
.bico4 {
	background-position: -1px -420px;
}
.bico4:hover {
	background-position: -188px -420px;
}
.m-layer .bico1 {
	_background-position: -1px -510px;
}
.m-layer .bico1:hover {
	_background-position: -188px -510px;
}
.m-layer .bico2 {
	_background-position: -1px -571px;
}
.m-layer .bico2:hover {
	_background-position: -188px -571px;
}
.m-layer .bico3 {
	_background-position: -1px -625px;
}
.m-layer .bico3:hover {
	_background-position: -188px -625px;
}
.m-layer .bico4 {
	_background-position: -1px -800px;
}
.m-layer .bico4:hover {
	_background-position: -188px -800px;
}
.m-nav li a, .m-menu .itm a {
	background: url(../images/nav.png?v=2014) no-repeat -9999px -9999px;
	_background: none;
}
html, body, .g-doc {
	width: 100%;
	height: 100%;
}
html {
	overflow: hidden;
}
body {
	text-align: center;
	background: #fff;
}
/* -----------------grid----------------------- */
.g-doc {
	text-align: left;
	overflow: auto;
	position: relative;
}
.g-hd {
	height: 565px;
	background: url(../images/hdbg.png?v=2014) repeat-x center 0;
}
.g-hd .m-wrap {
	height: 565px;
	background: url(../images/hd.png?v=2014) no-repeat center 0;
	_background: url(../images/hd-ie.jpg?v=2014) no-repeat center -1px;
}
.g-hd1 {
	height: 105px;
	background: #f4f4f4;
}
.g-navwrap {
	height: 80px;
	position: relative;
	z-index: 1;
	background: #bea7a7 url(../images/top.png?v=2014) no-repeat center;
	box-shadow: 0 0px 10px 0px rgba(0,0,0,0.3);
}
.g-ft {
	background: #afafaf url(../images/ft-rep.png?v=2014) repeat-x center 0;
}
.g-ft .m-wrap {
	padding: 20px 0;
}
.g-bd {
	margin-bottom: 0px;
}
.g-bd1 {
	background: #fff url(../images/sep1.png?v=2014) no-repeat center -2px;
	_background: #fff;
}
.g-bt {
	height: 90px;
	background: #eee;
}
.g-help {
	background: #f5f5f5;
}
.g-doc .g-navwrap, .g-doc .g-hd, .g-doc .g-bd, .g-doc .g-hd1, .g-doc .g-bd1, .g-doc .g-bd2, .g-doc .g-ft, .g-doc .g-bt {
	min-width: 1355px;
	_width: 1355px;
}
.g-help .g-doc .g-hd, .g-help .g-doc .g-bd, .g-help .g-doc .g-hd1, .g-help .g-doc .g-bd1, .g-help .g-doc .g-bd2, .g-help .g-doc .g-ft, .g-help .g-doc .g-bt {
	min-width: initial;
}
.g-help .g-doc, .g-help .g-doc .g-bd2 {
	min-width: 1355px;
}
.g-help .g-doc {
	height: auto;
	overflow: hidden;
}
.g-help-1 {
	overflow: auto;
}
/* 两列右侧自适应布局 */
.g-bd2 {
	width: 960px;
	margin: 0 auto;
	border: 1px solid #e6e6e6;
	background: #fff;
	box-shadow: 0 0px 7px rgba(0,0,0,0.2);
}
.g-sd {
	position: relative;
	float: left;
	width: 220px;
	margin-right: -220px;
}
.g-mn {
	float: right;
	width: 100%;
}
.g-mnc {
	margin-left: 220px;
	min-height: 800px;
	_height: 800px;
	border-left: 1px solid #eee;
}
/* -----------------module----------------------- */
.m-logo {
}
.m-logo h1 {
	margin: 0 auto;
	width: 165px;
}
.m-logo h1 a {
	display: block;
	width: 165px;
	height: 105px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo3.png?v=2014) no-repeat 0 0;
}
.m-logo1 {
	margin-left: -115px;
}
.m-logo1 a {
	display: block;
	width: 245px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}
.m-menu {
}
.m-menu .itm {
	border-bottom: 1px solid #e6e6e6;
}
.m-menu .itm a {
	display: block;
	height: 66px;
	line-height: 66px;
	padding-left: 22px;
	font-size: 14px;
	color: #8a8a8a;
}
.m-menu .itm a:hover, .m-menu .z-cur a {
	background-position: 0 -92px;
	_background: #000;
	_filter: alpha(opacity=30);
}
.m-menu .z-subitm a {
	padding-left: 34px;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	font-weight: normal;
	background: #fff;
}
.m-menu .z-cur .sublist a {
	background: #fff;
	cursor: pointer;
}
.m-menu .sublist .z-subitm a:hover, .m-menu .sublist .z-subcur a {
	background: #fafafa;
}
.m-menu .z-cur a, .m-menu .sublist .z-subcur a {
	cursor: default;
}
.m-faq {
	padding: 20px;
}
.m-faq .itm {
}
.m-faq .itm .tlt {
	padding: 0 0 16px 20px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #333;
	font-weight: bold;
}
.m-faq .itm .subtlt {
	padding: 0px 0 24px 150px;
	margin-top: -39px;
	font-size: 14px;
	color: #333;
}
.m-faq .itm .wrap {
	padding: 0 0 30px;
	color: #666;
}
.m-faq .itm .faq {
	padding: 21px 0 27px;
	line-height: 23px;
	border-top: 1px solid #f0f0f0;
}
.m-faq .itm .question {
	padding: 0 20px;
	font-weight: bold;
	font-size: 14px;
	color: #333;
}
.m-faq .itm .answer {
	padding: 3px 20px 0 20px;
	color: #808080;
}
.m-faq .itm, .m-faq .subitm {
	display: none;
}
.m-faq .z-cur, .m-faq .itm .z-subcur {
	display: block;
}
/* 文本型圆角背景导航 */
.m-nav {
	position: relative;
*display:inline;
*zoom:1;
	text-align: center;
	font-size: 0;
	letter-spacing: -0.307em;
*letter-spacing:normal;
*word-spacing:-1px;
}
.m-nav ul {
	width: 891px;
	text-align: left;
	position: relative;
}
.m-nav li, .m-nav li a {
	height: 80px;
	display: inline-block;
*display:inline;
*zoom:1;
	text-align: center;
}
.m-nav li {
	padding: 0 0 0 1px;
	letter-spacing: normal;
	word-spacing: normal;
}
.m-nav li a {
	width: 200px;
	line-height: 75px;
	font-size: 21px;
	color: #f8f8f8;
}
.m-nav li a:hover, .m-nav li a.z-cur {
	background-position: 0 0;
	color: #f8f8f8;
	_background: #000;
	_filter: alpha(opacity=30);
}
.m-nav li a.z-cur {
	cursor: default;
}
.m-ft {
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}
.m-ft p {
	line-height: 22px;
	color: #afafaf;
}
.m-ft a {
	color: #afafaf;
}
.m-ft a:hover {
	color: #afafaf;
	text-decoration: underline;
}
.m-intro {
	width: 870px;
	margin: 0 auto;
	padding: 60px 0 100px;
}
.m-intro .tlt {
	height: 30px;
	padding: 0 0 10px;
	margin: 0 0 20px;
	font-size: 28px;
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}
.m-intro p {
	line-height: 23px;
	font-size: 14px;
	color: #666;
}
.m-intro p.addr {
	margin-top: 20px;
}
.m-wrap {
	width: 1135px;
	margin: 0 auto;
	position: relative;
}
.m-wrap-1 {
	min-height: 550px;
	_height: 550px;
}
.m-hd {
	position: absolute;
	width: 240px;
	height: 70px;
	top: 435px;
	right: 210px;
}
.m-hd h1, .m-hd h2, .m-hd p {
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.m-desc h3 {
	font-size: 44px;
	line-height: 55px;
	color: #555;
	font-weight: normal;
	letter-spacing: 4px;
}
.m-desc .desc {
	padding: 42px 0 20px;
	line-height: 28px;
	color: #748686;
	font-size: 16px;
	border-bottom: 1px solid #cbcbcb;
}
.m-desc .tips {
	margin-top: 20px;
	position: relative;
	margin-left: 48px;
	line-height: 25px;
	color: #748686;
	font-size: 16px;
}
.m-bd1, .m-bd2, .m-bd3, .m-bd4, .m-bd5, .m-bd6, .m-bd7 {
	position: relative;
	background: url(../images/sep.png?v=2014) repeat-x center bottom;
	_background: none;
}
.m-bd1 {
	background-color: #f4f4f4;
}
.m-bd1, .m-bd1 .m-wrap {
	height: 570px;
	_height: 560px;
}
.m-bd1 .m-desc {
	width: 350px;
	padding: 125px 0 0 130px;
}
.m-bd1 .imgwrap {
	position: absolute;
	right: 58px;
	top: 0;
	width: 499px;
	height: 567px;
	_height: 560px;
	background: url(../images/bd1.jpg?v=2014) no-repeat 0 0;
}
.m-bd2 {
	background-color: #fff;
}
.m-bd2, .m-bd2 .m-wrap {
	height: 735px;
}
.m-bd2 .m-desc {
	width: 355px;
	padding: 180px 0 0 748px;
}
.m-bd2 .imgwrap {
	position: absolute;
	left: -47px;
	top: 0;
}
.m-bd3 {
	background-color: #f4f4f4;
}
.m-bd3, .m-bd3 .m-wrap {
	height: 512px;
}
.m-bd3 .m-desc {
	width: 375px;
	padding: 76px 0 0 55px;
}
.m-bd3 .imgwrap {
	position: absolute;
	right: 11px;
	bottom: -1px;
	width: 512px;
	height: 446px;
	_height: 440px;
	background: url(../images/bd3.jpg?v=2014) no-repeat 0 0;
}
.m-bd4 {
	background-color: #fff;
}
.m-bd4, .m-bd4 .m-wrap {
	height: 558px;
	_height: 553px;
}
.m-bd4 .m-desc {
	width: 380px;
	padding: 103px 0 0 745px;
}
.m-bd4 .imgwrap {
	position: absolute;
	left: 23px;
	top: 0;
	width: 665px;
	height: 558px;
	_height: 553px;
	background: url(../images/bd4.jpg?v=2014) no-repeat 0 0;
}
.m-bd5 {
	background-color: #f4f4f4;
}
.m-bd5, .m-bd5 .m-wrap {
	height: 570px;
	_height: 562px;
}
.m-bd5 .m-desc {
	width: 355px;
	padding: 80px 0 0 154px;
}
.m-bd5 .imgwrap {
	position: absolute;
	right: 15px;
	top: 2px;
	width: 505px;
	height: 570px;
	_height: 564px;
	background: url(../images/bd5.jpg?v=2014) no-repeat 0 -1px;
}
.m-bd6 {
	background-color: #fff;
}
.m-bd6, .m-bd6 .m-wrap {
	height: 730px;
}
.m-bd6 .m-desc {
	width: 290px;
	padding: 98px 0 0 764px;
}
.m-bd6 .imgwrap {
	position: absolute;
	left: 80px;
	top: 84px;
}
.m-bd7 {
	background-color: #f4f4f4;
}
.m-bd7 .m-desc {
	width: 388px;
	padding: 80px 0 0 55px;
}
.m-bd7 .imgwrap {
	position: absolute;
	right: 15px;
	bottom: 0;
	width: 600px;
	height: 580px;
	background: url(../images/bd7.png?v=201402) no-repeat 0 0;
}
.ninja-wrap {
	margin-top: 30px;
}
.ninja-download, .ninja-tip {
	float: left;
}
.ninja-tip {
	background: url(../images/line.png) no-repeat 0 50%;
	width: 108px;
	height: 62px;
	text-align: right;
	font-size: 14px;
	color: #999;
	margin-left: 5px;
	margin-top: 20px;
	line-height: 62px;
}
.ninja-download .bd {
	margin-top: 15px;
}
.ninja-btn {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.ninja-android {
	background: url(../images/android_normal.png) no-repeat 0 0;
	width: 170px;
	height: 44px;
}
.ninja-android:hover {
	background: url(../images/android_hover.png) no-repeat 0 0;
	width: 170px;
	height: 44px;
}
.ninja-iphone {
	background: url(../images/iphone_normal.png) no-repeat 0 0;
	width: 170px;
	height: 44px;
}
.ninja-iphone:hover {
	background: url(../images/iphone_hover.png) no-repeat 0 0;
	width: 170px;
	height: 44px;
}
.m-dld {
	width: 340px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
.m-dld .typelst {
	width: 340px;
}
.m-dld .typelst li {
	padding: 10px 0 5px;
}
.m-dld .typelst li.lst {
	height: 57px;
	overflow: hidden;
	position: relative;
}
.m-dld .typelst li .wrap {
	position: absolute;
	top: 10px;
	left: 0;
}
.m-dld .twodc {
	position: absolute;
	left: 210px;
	top: 0;
}
.m-dld .twodc img {
	width: 130px;
	height: 130px;
}
.m-dld .m-form {
	margin-top: 10px;
}
.m-form .formitm {
	position: relative;
	line-height: 45px;
}
.m-form .formitm-1 {
	color: #f01c1c;
	line-height: 25px;
	text-align: left;
}
.m-form .ipt {
	width: 332px;
	position: relative;
}
.m-form .aback, .m-form .aback:hover {
	float: right;
	text-decoration: underline;
	color: #717070;
}
.m-form .u-ipt {
	position: absolute;
	left: 0;
	top: 0;
}
.m-form .u-btn1 {
	position: absolute;
	left: 175px;
	top: 0;
}
/* 操作型弹出浮层-默认居中 */
.m-layer, .m-layer .lymask {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.m-layer {
	display: none;
	position: fixed;
	_position: absolute;
	z-index: 999;
}
.m-layer .lymask {
	position: absolute;
	background: #000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	_background: none;
}
.m-layer .lytable {
	table-layout: fixed;
	width: 100%;
	height: 100%;
}
.m-layer .lytd {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.m-layer .lywrap {
	position: relative;
	width: 460px;
	margin: 0 auto;
	border-radius: 5px;
	background: #fff;
}
.m-layer .lytt {
	position: relative;
	padding: 15px 15px 5px;
	height: 25px;
	border-radius: 5px 5px 0 0;
}
.m-layer .lyclose {
	float: right;
	cursor: pointer;
	width: 25px;
	height: 25px;
	background-position: -251px -26px;
}
.m-layer .lyclose:hover {
	background-position: -251px -90px;
}
.m-layer .lyct {
	padding: 0 0 45px;
	border-radius: 0 0 5px 5px;
}
/* 显示 */
.m-layer-show {
	display: block;
}
.m-layer .u-ipt {
	_background-position: -1px -693px;
}
.m-layer .u-btn1 {
	_background-position: -178px -693px;
}
.m-layer .u-btn1:hover {
	_background-position: -178px -743px;
}
/* 帮助中心参考图 */
.m-imgshow {
	margin: 20px 0;
	border-top: 1px dashed #f0f0f0;
}
.m-imgshow .part {
	width: 50%;
	float: left;
}
.m-imgshow .part1 {
	width: 49%;
}
.m-imgshow .part .cnt {
	padding: 0px 40px;
	margin-top: 20px;
	text-align: center;
}
.m-imgshow .part1 .cnt {
	border-right: 1px dashed #f0f0f0;
}
.m-imgshow .platform {
	height: 25px;
	padding: 10px 0 5px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}
.m-imgshow .platform .ico {
	width: 20px;
	height: 25px;
	margin-right: 8px;
}
.m-imgshow .android {
	background-color: #6cc32a;
}
.m-imgshow .android .ico {
	background-position: 0 0;
}
.m-imgshow .iphone {
	background-color: #333;
}
.m-imgshow .iphone .ico {
	background-position: 0 -32px;
}
.m-instep li {
	margin-top: 20px;
	padding: 0 0 30px;
}
.m-instep li .step {
	text-align: left;
}
.m-instep li .num {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-family: arial;
	background-color: #999;
	color: #fff;
	border-radius: 50%;
}
.m-instep li img {
	margin-top: 15px;
	border: 1px solid #ddd;
}
.m-instep .s-fcg, .m-instep .s-fcg:hover {
	color: #13c299;
}
/* -----------------unit----------------------- */
.u-btn {
	display: block;
	height: 52px;
	width: 185px;
	text-indent: -9999px;
	overflow: hidden;
}
.u-ipt {
	width: 155px;
	height: 46px;
	line-height: 45px;
	padding: 0 10px;
	font-size: 16px;
	color: #afafaf;
	border: 0;
	background-position: -1px -315px;
}
.u-btn1 {
	width: 118px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: -178px -315px;
}
.u-btn1:hover {
	background-position: -178px -365px;
}
.u-btn2 {
	display: block;
	width: 240px;
	height: 67px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: 0 -3px;
}
.u-btn2:hover {
	background-position: 0 -71px;
}
.u-tips {
	position: absolute;
	left: -50px;
	top: 4px;
	_top: 2px;
	width: 40px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	background-position: -300px -1px;
}
/* -----------------function------------------- */
.f-cb:after, .f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: ".";
}
.f-cb, .f-cbli li {
	zoom: 1;
}
.f-ib {
	display: inline-block;
*display:inline;
*zoom:1;
}
.f-dn {
	display: none;
}
.f-db {
	display: block;
}
.f-fl {
	float: left;
}
.f-fr {
	float: right;
}
.f-pr {
	position: relative;
}
.f-prz {
	position: relative;
	zoom: 1;
}
.f-oh {
	overflow: hidden;
}
.f-ff0 {
	font-family: arial, \5b8b\4f53;
}
.f-ff1 {
	font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53;
}
.f-fs1 {
	font-size: 12px;
}
.f-fs2 {
	font-size: 14px;
}
.f-fwn {
	font-weight: normal;
}
.f-fwb {
	font-weight: bold;
}
.f-tal {
	text-align: left;
}
.f-tac {
	text-align: center;
}
.f-tar {
	text-align: right;
}
.f-taj {
	text-align: justify;
	text-justify: inter-ideograph;
}
.f-vam, .f-vama * {
	vertical-align: middle;
}
.f-wsn {
	word-wrap: normal;
	white-space: nowrap;
}
.f-pre {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}
.f-wwb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.f-ti {
	overflow: hidden;
	text-indent: -30000px;
}
.f-ti2 {
	text-indent: 2em;
}
.f-lhn {
	line-height: normal;
}
.f-tdu, .f-tdu:hover {
	text-decoration: underline;
}
.f-tdn, .f-tdn:hover {
	text-decoration: none;
}
.f-toe {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.f-csp {
	cursor: pointer;
}
.f-csd {
	cursor: default;
}
.f-csh {
	cursor: help;
}
.f-csm {
	cursor: move;
}
.f-usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
/* -------------------------skin------------------------------- */
.s-fc0, .s-fc0:hover {
	color: #fff;
}
.s-fc1, .s-fc1:hover {
	color: #000;
}
.s-fc2, .s-fc2:hover {
	color: #333;
}
.s-fc3, .s-fc3:hover {
	color: #666;
}
.s-fc4, .s-fc4:hover {
	color: #999;
}
.s-fc5, .s-fc5:hover {
	color: #008ec5;
}
.more-games {
	text-align: center;
	margin-top: 40px;
	padding-bottom: 60px;
}
.more-games .item-inner {
	display: inline-block;
}
.more-games .game-item {
	float: left;
	margin-right: 20px;
}
.more-games .game-title {
	display: block;
	font-size: 12px;
	color: #666;
	margin-top: 10px;
}
